<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../styles/base.css">
		<link rel="stylesheet" type="text/css" href="../styles/index.css">
	</head>
	<body>
		<div id="app">
			<div class="nav-header-wrapper">
				<div class="nav-header">
					<div class="nav-header-logo">

					</div>
					<div class="icon nav-header-tv-icon">

					</div>
					<div class="nav-header-mainsite">主站</div>
					<div class="nav-header-search-bar-wrapper">
						<input placeholder="活动、嘉宾、场馆" type="text" class="nav-header-search-bar">
						<div class="icon search-icon">
							<a href="#" target="_black" class="search-link"></a>
						</div>	
					</div>
						<div class="nav-header-regis-login">
							<div class="nav-header-login">
								<a href="#" target="_black">注册</a>
							</div>
							<div class="nav-header-middle-line"></div>
							<div class="nav-header-register">登录</div>
						</div>
						<div class="order-and-icon-wrapper">
							<div class="icon order-icon"></div>
							<div class="order-center">订单中心</div>
						</div>
				</div>
			</div>
			<div class="banner-wrapper">
				<!-- <div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img
								src="https://haitao.nosdn1.127.net/5134fea4-cc12-4f16-ac00-2d5acfb8c735T1909111149_1920_506.jpg?imageView&thumbnail=1920x0&quality=90"
								alt=""></div>
						<div class="swiper-slide"><img
								src="https://haitao.nosdn2.127.net/13d8114b-b7f9-4953-ba9f-16f085a7679dT1909121116_1920_506.jpg?imageView&thumbnail=1920x0&quality=90"
								alt=""></div>
						<div class="swiper-slide"><img
								src="https://haitao.nos.netease.com/61c468ec-24d2-401a-93f2-0b09de35f707T1909111719_1920_506.jpg?imageView&thumbnail=1920x0&quality=90"
								alt=""></div>
						<div class="swiper-slide"><img
								src="https://haitao.nosdn2.127.net/2fdd97ac-16a7-416a-b81d-0ddf53caad70T19083019010_1920_506.jpg?imageView&thumbnail=1920x0&quality=90"
								alt=""></div>
						<div class="swiper-slide"><img
								src="https://haitao.nosdn1.127.net/eb303248-168e-4f68-8e46-93a09eaeb56dT1909121559_1920_506.jpg?imageView&thumbnail=1920x0&quality=90"
								alt=""></div>
						</div>
					<div class="swiper-pagination"></div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
		
				</div> -->
			</div>
			<div class="selector-wrapper">
				<div class="wrapper city-selector-wrapper">
					<div class="title">城市</div>
					<div class="selector-content">
						<ul class="city-list">
							<!--  -->
							<li class="li-more">
								<span>更多城市</span>
								<svg height="5" width="12" xmlns="http://www.w3.org/2000/svg" version="1.1" class="category_arrow">
									<path d="M0 0 L5 5 L10 0" stroke-width="1" stroke="#999" fill="none"></path>
								</svg>
							</li>
						</ul>
					</div>
				</div>

				<div class="wrapper type-selector-wrapper">
					<div class="title type-title">类型</div>
					<div class="selector-content">
						<ul class="type-list">
							<li class="current-type">
								<span class="active">全部类型</span>
							</li>
							<li class="current-type">
								<!-- <span>演出</span>
								<span class="number-span">(357)</span> -->
							</li>
							<li class="current-type">
								<!-- <span>展览</span>
								<span class="number-span">(515)</span> -->
							</li>
							<li class="current-type">
								<!-- <span>本地生活</span>
								<span class="number-span">(169)</span> -->
							</li>
						</ul>

					</div>
				</div>
				<div class="wrapper order-selector-wrapper">
					<div class="title">筛选</div>
					<div class="selector-content">
						<ul class="order-list">
							<!-- <li class="first order-item active">全部时间</li>
							<li class="first order-item">本周</li>
							<li class="first order-item">本月</li>
							<li class="first order-item">国庆假期</li> -->
						</ul>
					</div>
				</div>
			</div>
			<div class="project-list-wrapper">
				<div class="project-list">
					<!-- <div class="project-list-item">
						<div class="project-list-item-img"></div>
						<div class="project-list-item-detail">
							<div class="project-list-item-title">成都，初音未来“未来有你”2019巡回演唱会</div>
							<div class="project-list-item-time">
								<span class="icon time-icon"></span>
								"2019.11.09 - 11.09"
							</div>
							<div class="project-list-item-address">
								<span class="icon address-icon"></span>
								<span class="city-name">成都市</span>
								<span class="venue-name-and-address">华熙LIVE528M空间</span>
							</div>
							<div class="project-list-item-price">
								<div class="not-free">
									<span class="price-symbol">￥</span>
									<span class="price">890</span>
									<span class="start">起</span>
								</div>
							</div>
						</div>
					</div>-->
				</div> 

			</div>
			<div class="pagination-wrapper">
				<div class="arrow pagination-left-arrow disable"></div>
				<div class="pagination">

				</div>
				<div class="arrow pagination-right-arrow disable"></div>

			</div>
   			<div class="toolbar-wrapper">
				<div class="left-slider-wrapper">
					<a class="service-wrapper" target="_black" href="https:/show.bilibili.com/platform/feedbacklist.html">
						<div class="service-icon"></div>
						<div class="toolbar-title">建议</div>
					</a>
					<div class="scroll-top-wrapper" style="transform: translate3d(0px,0px,0px); transition: all 0.55s ease 0s;">
						<div class="scroll-icon"></div>
						<div class="toolbar-title">顶部</div>
					</div>
				</div>
			</div>

		</div>

	</body>
	
	<script src="../static/scripts/require.js" data-main="index.js" type="text/javascript" charset="utf-8"></script>
	<script>
	
	
	</script>
</html>
